<template>
  <div class="homeNavDiscount">
    <section>
      <!-- 四等分组件 Four branch-->
      <forBranch :arr='arr'></forBranch>
    </section>
  </div>
</template>

<script>
import forBranch from "../for-branch/homeForBranch.vue";

export default {
  name: "homeNavDiscount",

  components: {
    forBranch
  },

  data() {
    return {
      arr: [
        { url: "1", src: require("../../assets/icon/1574009393390.png") },
        { url: "2", src: require("../../assets/icon/1574009402836.png") },
        { url: "3", src: require("../../assets/icon/1574009412447.png") },
        { url: "4", src: require("../../assets/icon/1592982528994.png") }
      ]
    };
  }
};
</script>

<style scoped>
  .homeNavDiscount > section {
    overflow: hidden;
  }
</style>